<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/mi.css" />
	</head>
	<body>
		<div class="header">
			<div class="header_top">
				<div class="nav">
					<div class="nav1">
						<ul>
							<li><a href="#">小米商城</a></li>
							<li>|</li>
							<li><a href="#">MIUI</a></li>
							<li>|</li>
							<li><a href="#">loT</a></li>
							<li>|</li>
							<li><a href="#">云服务</a></li>
							<li>|</li>
							<li><a href="#">金融</a></li>
							<li>|</li>
							<li><a href="#">有品</a></li>
							<li>|</li>
							<li><a href="#">小爱开放平台</a></li>
							<li>|</li>
							<li><a href="#">企业团购</a></li>
							<li>|</li>
							<li><a href="#">资质证照</a></li>
							<li>|</li>
							<li><a href="#">协议规则</a></li>
							<li>|</li>
							<li><a href="#">Select Location</a></li>
						</ul>
					</div>
					<div class="nav2">
						<div class="login">
							<ul>
								<li><a href="#">登录</a></li>
								<li>|</li>
								<li><a href="#">注册</a></li>
								<li>|</li>
								<li><a href="#">消息通知</a></li>
							</ul>
						</div>
						<div class="shoppingCar">
							<a href="#"><img src="img/gouwuche.png" />购物车(0)</a>
						</div>
					</div>
				</div>
			</div>
			<div class="header_bottom">
				<div class="container">
					<div class="logo">
						<a href="#1"><img src="img/C6K%7BBQ1G8O353HQISA7CU54.png" /></a>
					</div>
					<div class="container_nav">
						<ul>
							<li><a href="#1">小米手机</a></li>
							<li><a href="#1">Redmi 红米</a></li>
							<li><a href="#1">电视</a></li>
							<li><a href="#1">笔记本</a></li>
							<li><a href="#1">家电</a></li>
							<li><a href="#1">路由器</a></li>
							<li><a href="#1">智能硬件</a></li>
							<li><a href="#1">服务</a></li>
							<li><a href="#1">社区</a></li>
						</ul>
					</div>
					<div class="search">
						<input type="text" class="text1" />
						<a href="#1"><img src="img/搜索.png"></a>
					</div>
				</div>
			</div>
		</div>
		<div class="center">
			<div class="center_body">
				<div class="center_list">
					<ul>
						<li><a href="#2">手机 电话卡&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">电视 盒子&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">笔记本 平板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">家电 插线板&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">出行 穿戴&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">智能 路由器&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">电源 配件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">健康 儿童&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">耳机 音箱&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
						<li><a href="#2">生活 箱包&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;></a></li>
					</ul>
				</div>
				<div class="banner1">
					<a href="#2"><img src="img/ON~93(ATY$7VG%5D%7DLM@B)7EO.png"></a>
				</div>
			</div>
			<div class="center_piceture">
				<div class="mi_choice">
					<ul>
						<li>
							<a href="#3">
								<img src="img/时间.png" alt="" />
								<p>小米秒杀</p>
							</a>
						</li>
						<li>
							<a href="#3">
								<img src="img/企业.png" alt="" />
								<p>企业团购</p>
							</a>
						</li>
						<li>
							<a href="#3">
								<img src="img/F.png" alt="" />
								<p>F码通道</p>
							</a>
						</li>
						<li>
							<a href="#3">
								<img src="img/卡.png" alt="" />
								<p>米粉卡</p>
							</a>
						</li>
						<li>
							<a href="#3">
								<img src="img/交易.png" alt="" />
								<p>以旧换新</p>
							</a>
						</li>
						<li>
							<a href="#3">
								<img src="img/手机话费充值.png" alt="" />
								<p>话费充值</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="center_goods">
					<div>
						<a href="#3">
							<img src="img/goods1.png" alt="">
						</a>
					</div>
					<div>
						<a href="#3">
							<img src="img/goods2.png" alt="">
						</a>
					</div>
					<div>
						<a href="#3">
							<img src="img/goods3.png" alt="">
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="category">
			<!-- 小米闪购 -->
			<div class="Mi_Flash_purchase">
				<div class="title">
					<h2>小米闪购</h2>
					<a href="#4"><img src="img/切换符.png" /></a>
				</div>
				<div class="goods">
					<div class="purchase_time">
						<a href="#4"><img src="img/flash.png" /></a>
					</div>
					<div class="purchase_goods">
						<a href="#4"><img src="img/flash1.png" /></a>
						<a href="#4"><img src="img/flash2.png" /></a>
						<a href="#4"><img src="img/flash3.png" /></a>
						<a href="#4"><img src="img/flash4.png" /></a>
					</div>
				</div>
				<div class="adm">
					<a href="#4"><img src="img/广告1.png" alt="" /></a>
				</div>
			</div>
			<!-- 手机 -->
			<div class="iphone">
				<div class="title">
					<h2>手机</h2>
					<div class="watch_all">
						<a href="#4" class="watch">
							查看全部
						</a>
						<a href="" class="all">
							<img src="img/查看更多数据.png" />
						</a>
					</div>
				</div>
				<div class="iphone_goods">
					<div class="banner">
						<a href="#5">
							<img src="img/小米力省200.png" alt="">
						</a>
					</div>
					<div class="goods">
						<ul>
							<li>
								<a href="#5">
									<img src="img/iphone1.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone2.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone3.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone4.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone5.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone6.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone7.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/iphone8.png" alt="">
								</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="adm">
					<a href="#5">
						<img src="img/iphone_adm.png" alt="">
					</a>
				</div>
			</div>
			<!-- 家电 -->
			<div class="home_appliance">
				<div class="title">
					<h2>家电</h2>
					<div class="hot_TV">
						<a href="#6" class="hot">
							热门
						</a>
						<a href="#6" class="TV_video">
							电视影音
						</a>
					</div>
				</div>
				<div class="appliance_goods">
					<div class="goods1">
						<ul>
							<li class="goods_hot1">
								<a href="#5">
									<img src="img/hot1.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot2.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot3.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot4.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot5.png" alt="">
								</a>
							</li>
							<li class="goods_hot6">
								<a href="#5">
									<img src="img/hot6.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot7.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot8.png" alt="">
								</a>
							</li>
							<li>
								<a href="#5">
									<img src="img/hot9.png" alt="">
								</a>
							</li>
						</ul>
					</div>
					<div class="goods2">
						<a href="#5" class="goods2_top">
							<img src="img/hot10.png" alt="">
						</a>
						<a href="#5">
							<img src="img/hot11.png" alt="">
						</a>
					</div>
				</div>
				<div class="adm">
					<a href="#5">
						<img src="img/applicantion_adm.png" alt="">
					</a>
				</div>
			</div>
			<!-- 智能 -->
			<div class="smart">
				<div class="title">
					<h2>家电</h2>
					<div class="hot_trip">
						<a href="#7" class="hot">
							热门
						</a>
						<a href="#7" class="trip">
							出行
						</a>
					</div>
				</div>
				<div class="smart_goods">
					<div class="goods1">
						<ul>
							<li class="goods_hot1">
								<a href="#7">
									<img src="img/smart1.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart2.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart3.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart4.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart5.png" alt="">
								</a>
							</li>
							<li class="goods_hot6">
								<a href="#7">
									<img src="img/smart6.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart7.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart8.png" alt="">
								</a>
							</li>
							<li>
								<a href="#7">
									<img src="img/smart9.png" alt="">
								</a>
							</li>
						</ul>
					</div>
					<div class="goods2">
						<a href="#7" class="goods2_top">
							<img src="img/smart10.png" alt="">
						</a>
						<a href="#7">
							<img src="img/smart11.png" alt="">
						</a>
					</div>
				</div>
				<div class="adm">
					<a href="#7">
						<img src="img/smart_adm.png" alt="">
					</a>
				</div>
			</div>
			<!-- 搭配 -->
			<div class="match">
				<div class="title">
					<h2>搭配</h2>
					<div class="hot_headset">
						<a href="#8" class="hot">
							热门
						</a>
						<a href="#8" class="headset">
							耳机音响
						</a>
					</div>
				</div>
				<div class="match_goods">
					<div class="goods1">
						<ul>
							<li class="goods_hot1">
								<a href="#8">
									<img src="img/match1.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match2.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match3.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match4.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match5.png" alt="">
								</a>
							</li>
							<li class="goods_hot6">
								<a href="#8">
									<img src="img/match6.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match7.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match8.png" alt="">
								</a>
							</li>
							<li>
								<a href="#8">
									<img src="img/match9.png" alt="">
								</a>
							</li>
						</ul>
					</div>
					<div class="goods2">
						<a href="#8" class="goods2_top">
							<img src="img/match10.png" alt="">
						</a>
						<a href="#8">
							<img src="img/match11.png" alt="">
						</a>
					</div>
				</div>
				<div class="adm">
					<a href="#8">
						<img src="img/match_adm.png" alt="">
					</a>
				</div>
			</div>
			<!-- 视频-->
			<div class="video">
				<div class="title">
					<h2>视频</h2>
					<div class="watch_all">
						<a href="#4" class="watch">
							查看全部
						</a>
						<a href="" class="all">
							<img src="img/查看更多数据.png" />
						</a>
					</div>
				</div>
				<div class="mi_video">
					<ul>
						<li class="video1">
							<a href="#8">
								<img src="img/video1.png" alt="">
							</a>
						</li>
						<li>
							<a href="#8">
								<img src="img/video2.png" alt="">
							</a>
						</li>
						<li>
							<a href="#8">
								<img src="img/video3.png" alt="">
							</a>
						</li>
						<li>
							<a href="#8">
								<img src="img/video4.png" alt="">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer_service">
				<ul>
					<li>
						<a href="#9">
							<img src="img/维修扳手.png" alt="">
							预约维修服务
						</a>
					</li>
					<li>
						<a href="#9">
							<img src="img/7.png" alt="">
							7天无理由退货
						</a>
					</li>
					<li>
						<a href="#9">
							<img src="img/15.png" alt="">
							15天免费换货
						</a>
					</li>
					<li>
						<a href="#9">
							<img src="img/礼物.png" alt="">
							满150元包邮
						</a>
					</li>
					<li class="after-sales">
						<a href="#9">
							<img src="img/定位.png" alt="">
							520余家售后网点
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
